/* 全局样式主题配置 */
:root {
  /* 品牌色 */
  --primary-color: #1677ff;
  --primary-hover: #4096ff;
  --primary-active: #0958d9;
  --primary-light: #e6f4ff;

  /* 功能色 */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #ff4d4f;
  --info-color: #1677ff;

  /* 中性色 */
  --text-color: rgba(0, 0, 0, 0.88);
  --text-secondary: rgba(0, 0, 0, 0.65);
  --text-disabled: rgba(0, 0, 0, 0.25);
  --border-color: #d9d9d9;
  --background-color: #f5f5f5;
  --component-background: #ffffff;

  /* 圆角 */
  --border-radius-sm: 2px;
  --border-radius-md: 4px;
  --border-radius-lg: 8px;

  /* 阴影 */
  --box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
  --box-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-elevated: 0 6px 16px -8px rgba(0, 0, 0, 0.08),
    0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);

  /* 动画 */
  --transition-duration: 0.2s;
  --transition-function: cubic-bezier(0.645, 0.045, 0.355, 1);

  /* 菜单相关变量 */
  --menu-bg: #ffffff;
  --menu-item-hover: #f0f7ff;
  --menu-item-active: #e6f4ff;
  --menu-item-active-border: #1677ff;
  --submenu-bg: #fafafa;
}
